<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <img src="" alt="">
    <div onclick="fun()">点击</div>
    <script>
     
      // js是单线程运行,即代码按照顺序从上往下执行,前面的代码执行完毕后才会执行后边的代码
        // 一旦运行程序出现错误,会抛出错误,程序终止运行
        // 为了解决耗时长的任务,js执行模式被分为
        // 同步:Synchronous,异步:Asynchronous
        // 同步: 任务的执行顺序与任务排序保持一致,从上往下依次执行
        // 异步: 任务的执行顺序与排列顺序不一致,异步代码不影响下边代码运行
        // 每个任务执行完毕后,处理的是当前关联的一个或多个回调函数


      for(var i = 0; i < 10; i++){
        //   console.log("====");
      }
    //   console.log("----");

    // 函数
    function fun(){
        console.log("点击");
    }
    // 定时器
    // setInterval(() => {
    //     console.log("===");
    // }, 200);

    // console.log("---");
    </script>
</body>
</html>